<template>
  <div class="chu_coupou">
    <div class="box">
      <p>手里有优惠券兑换吗？点这里兑换</p>
    </div>
     <div class="chu">
        <img src="../../assets/images/no_redpacket.png">
        <p>没有红包</p>
    </div>
  </div>
</template>

<script>

  export default{

  }

</script>

<style scoped>
.chu{
    top: 50%;
    left: 0;
    margin-top: -66px;
    width: 100%;
    position: absolute;
    text-align: center;
}
.chu img{
    width: 80px;
    margin-bottom: 16px;
}
.chu p{
    width: 100%;
    font-size: 16px;
    color: #aaa;
}
.box{
    margin:10px;
}
.box p{
    background: url(../../assets/images/icon_jt_1.png) no-repeat right center;
    background-size: 5px 9px;
    background-origin: content-box;
    background-color: #eee;
    padding: 10px;
    color: #333;
}
</style>
